<template>
	<!-- 专栏详情 -->
	<view class="p-2">
		<view class="p-2 bg-white rounded shadow">
			<view class="">
				<view class="detail_cont flex">
					<u-avatar :src="contData.info.userphoto" shape="square"></u-avatar>
					<view class="ml-2">
						<view class="font-weight-bold font">{{contData.info.title}}</view>
						<view class="c_6 font_24">{{contData.info.content}}</view>
					</view>
				</view>
				<view class="mt-2">
					<live-list :cont-list="contData.list" :is-router='false'></live-list>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import liveList from '@/components/live_list/live_list.vue'
	import { specialcolumnIndex } from '@/api/home/video/video.js'
	export default {
		components: { liveList },
		data() {
			return {
				contData: {}
			}
		},
		onLoad(option) {
			this.getInfo(option.id)
		},
		methods: {
			getInfo(val) {
				specialcolumnIndex({ id: val }).then(res => {
					if (res.code == 0) {
						this.contData = res.data
					} else {
						console.log("专栏详情获取失败", res.msg);
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.detail_cont {
		image {
			width: 100rpx;
			height: 100rpx;
		}
	}
</style>